<template>
  <view class="content">
    <image class="logo" src="/static/icons/Camera.png" style="width: 16vw; height: 16vw"></image>

    <view>打开生活，发现美好</view>
    <view class="icon">
      <up-icon @click="switchLogin()" color="white" size="6.4vw" name="arrow-rightward"></up-icon>
    </view>
  </view>
</template>

<script setup>
import { ref, onMounted } from 'vue';
onMounted(() => {});
function switchLogin() {
  uni.navigateTo({
    url: '/pages/login/index'
  });
}
</script>

<style lang="scss">
.content {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: white;

  background-image: url('/static/images/startBackground.png');
  background-size: cover;
  background-position: center;
  .logo {
    /* height: 200rpx;
    width: 200rpx; */
    margin-top: 83.7vw;
    /* margin-left: auto;
    margin-right: auto; */
    margin-bottom: 5.3vw;
  }
  .icon {
    width: 14.4vw;
    height: 14.4vw;
    background-color: rgba(232, 52, 52, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-top: 8vw;
  }
}
</style>
